<!DOCTYPE html>
<html lang="en">
    <head>
        <title style="display: none">Mesh2Motion Preview Generation</title>
        <link rel="icon" type="image/png" href="./images/favicon.png"/>
        <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body style="margin: 0">
        <script type="module" src="./preview-generator.ts"></script>
        <link href="../styles.css" rel="stylesheet" crossorigin="anonymous" />

        <button id="record-button" style="position: absolute; top: 20px; right: 20px;">Record</button>

        <select id="animation-file-dropdown" style="position: absolute; top: 20px; left: 20px;">
            <option>Pick a 3d animation to generate previews</option>
            <option value="../animations/human-base-animations.glb">Human Base Animations</option>
            <option value="../animations/human-addon-animations.glb">Human Addon Animations</option>
            <option value="../animations/quad-creature-animations.glb">Quad Creature Animations</option>
            <option value="../animations/bird-animations.glb">Bird Animations</option>
            <option value="../animations/dragon-animations.glb">Dragon Animations</option>
        </select>

    </body>
</html>